<!DOCTYPE html >
<html lang="en" >
<head>
	<meta charset="UTF-8">
	<title></title>
	<style>
		* {			margin: 0;
			padding: 0;
		}
	</style>
	<link rel="stylesheet" href="dis/ui.css">
	<link rel="stylesheet" href="dis/qizi_main.css">

</head>

<body>
	<div class="maintainers">
		<div id="left_user">
			<div class="u_info">
				<div class="header_pic">
					<div class="show_zi you_zi"></div>
				</div>
				<div class="u_id">ID:Artificial Intelligence</div>
				<div class="time_info">
					<div class="time_">局时 <div id="total_time">00:35</div>
					</div>
					<div class="time_">步时 <div id="step_time">00:35</div>
					</div>
				</div>
			</div>
			<div class="button_list">
				<button class="button fire" id="roll_back">悔 棋</button>
				<button class="button fire" id="get_draw">求 和</button>
				<button class="button fire" id="get_lose">认 输</button>
				<button id="turn_button" class="button ice"  style="background-color: rgb(78, 48, 2);" >AI先手</button>

			</div>
		</div>
		<div class="main">
			<div class="border_box">
				<div class="qipan">
					<div class="table"> </div>
					<div class="qizi_box"></div>
					<div id="mask_">
						<div class="line-scale-pulse-out" id="thinking">
							<div></div>
							<div></div>
							<div></div>
							<div></div>
							<div></div>
						</div>
					</div>
				</div>
			</div>
			<button id="start_button" class="button ice">开 局</button>
		</div>
		<div id="right_user">
			<div class="u_info">
				<div class="header_pic">
					<div class="show_zi"></div>
				</div>
				<div class="u_id">ID:静水致远</div>
				<div class="time_info">
					<div class="time_">局时 <div id="total_time">09:35</div>
					</div>
					<div class="time_">步时 <div id="step_time">09:35</div>
					</div>
				</div>
			</div>
			<div class="button_list history_info">


			</div>
		</div>

	</div>
	<!-- 蒙层或者遮罩层 -->
	<div class="modal" id="alert">
		<div class="container">
			<div id="ask_for_peace">
				<!-- <div class="num ">提 醒 ?!</div> -->
				<div class="num "></div>
				<div class="msg_infor" >询问信息</div>
				<div class="conf_but">
					<button class="button fire b_ui" id="bt_y"
						style="color: #d00; margin: 0;text-shadow: 0 0 ;">是</button>
					<button class="button ice b_ui" id="bt_n" style="color: #fff;background-color: #4e3002;">否</button>
				</div>
			</div>
		</div>
	</div>
	<script src="dis/chess_table.js"></script>
	<script src="dis/chess_main.js"></script>
	<!-- <script src="dis/ai.js"></script> -->
</body>

</html>